<script setup lang="ts">
import { onMounted } from 'vue';
import MyCommunity from './components/MyCommunity.vue';
import Search from './components/Search.vue';
import MoreCommunity from './components/MoreCommunity.vue';
onMounted(() => {
    
})
</script>

<template>
    <div class="container">
        <Search class="search"></Search>
        <MyCommunity></MyCommunity>
        <MoreCommunity></MoreCommunity>
    </div>
</template>

<style lang="scss" scoped>
.container {
    align-items: center;
}
.search {
    width: 98%;
    border-radius: 15px;
}
</style>